import style from './style/sidebar.scss';
import Header from './Header';
export default class Sidebar extends React.Component{
	constructor(){
		super();
		
	}
	static defaultProps = {
		isOpen:false
	}
	
	render(){
		return (
			<div className={cn({
				[style['sidebar']]:true,
				[style.open]:this.props.isOpen
			})}>
				<div className={style['sidebar-container']}>
					<div className={style["sidebar-header"]}>
						<Header ></Header>
					</div>
					<div className={style["sidebar-content"]}>
						{this.props.children}
					</div>
				</div>
			</div>
		)
	}
}